.os-scrollbar {
  /*      The size of the scrollbar */
  --os-size: 8px;
  /*      The axis-perpedicular padding of the scrollbar (horizontal: padding-y, vertical: padding-x) */
  /* --os-padding-perpendicular: 0; */
  /*      The axis padding of the scrollbar (horizontal: padding-x, vertical: padding-y) */
  /* --os-padding-axis: 0; */
  /*      The border radius of the scrollbar track */
  /* --os-track-border-radius: 0; */
  /*      The background of the scrollbar track */
  --os-track-bg: rgba(0, 0, 0, 0.5);
  /*      The :hover background of the scrollbar track */
  --os-track-bg-hover: rgba(0, 0, 0, 0.5);
  /*      The :active background of the scrollbar track */
  --os-track-bg-active: rgba(0, 0, 0, 0.6);
  /*      The border of the scrollbar track */
  /* --os-track-border: none; */
  /*      The :hover background of the scrollbar track */
  /* --os-track-border-hover: none; */
  /*      The :active background of the scrollbar track */
  /* --os-track-border-active: none; */
  /*      The border radius of the scrollbar handle */
  /* --os-handle-border-radius: 2px; */
  /*      The background of the scrollbar handle */
  --os-handle-bg: var(--invoke-colors-base-400);
  /*      The :hover background of the scrollbar handle */
  --os-handle-bg-hover: var(--invoke-colors-base-300);
  /*      The :active background of the scrollbar handle */
  --os-handle-bg-active: var(--invoke-colors-base-250);
  /*      The border of the scrollbar handle */
  /* --os-handle-border: none; */
  /*      The :hover border of the scrollbar handle */
  /* --os-handle-border-hover: none; */
  /*      The :active border of the scrollbar handle */
  /* --os-handle-border-active: none; */
  /*      The min size of the scrollbar handle */
  --os-handle-min-size: 32px;
  /*      The max size of the scrollbar handle */
  /* --os-handle-max-size: none; */
  /*      The axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width) */
  /* --os-handle-perpendicular-size: 100%; */
  /*      The :hover axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width) */
  --os-handle-perpendicular-size-hover: 100%;
  /*      The :active axis-perpedicular size of the scrollbar handle (horizontal: height, vertical: width) */
  /* --os-handle-perpendicular-size-active: 100%; */
  /*      Increases the interactive area of the scrollbar handle. */
  --os-handle-interactive-area-offset: -1px;
}

.os-scrollbar-handle {
  /* cursor: grab; */
}

.os-scrollbar-handle:active {
  /* cursor: grabbing; */
}
